<!DOCTYPE HTML>
<!-- BEGIN html -->
<html lang = "en">
	<!-- BEGIN head -->
	<head>
		<title>Forca | Photo Gallery Single</title>

		<!-- Meta Tags -->
		<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
		<meta name="description" content="" />
		<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1" />

		<!-- Favicon -->
		<link rel="shortcut icon" href="images/favicon.ico" type="image/x-icon" />

		<!-- Stylesheets -->
		<link type="text/css" rel="stylesheet" href="css/reset.css" />
		<link type="text/css" rel="stylesheet" href="css/main-stylesheet.css" />
		<link type="text/css" rel="stylesheet" href="css/lightbox.css" />
		<link type="text/css" rel="stylesheet" href="css/shortcode.css" />
		<link type="text/css" rel="stylesheet" href="css/fonts.css" />
		<link type="text/css" rel="stylesheet" href="css/colors.css" />
		<link type="text/css" rel="stylesheet" href="css/jquery.dragscroll.css" />
		<!--[if lte IE 8]>
		<link type="text/css" rel="stylesheet" href="css/ie-ancient.css" />
		<![endif]-->
		<link type="text/css" id="style-responsive" rel="stylesheet" media="screen" href="css/responsive/desktop.css" />

		<!-- Demo Only -->
		<link type="text/css" rel="stylesheet" href="css/demo-settings.css" />

	<!-- END head -->
	</head>

	<!-- BEGIN body -->
	<body>

		<!-- BEGIN .boxed -->
		<div class="boxed">
			
			<!-- BEGIN .header -->
			<div class="header">

				<div class="very-top">
					<!-- BEGIN .wrapper -->
					<div class="wrapper">

						<ul class="left responsivemenu" rel="Top Menu">
							<li><a href="index.html">Homepage</a></li>
							<li><a href="events.html">Events</a></li>
							<li><a href="photo-gallery.html">Photo Gallery</a></li>
							<li><a href="shortcodes.html">Shortcodes</a></li>
							<li><a href="full-width.html">Full Width Page</a></li>
							<li><a href="archive.html">Archive</a></li>
							<li><a href="error-404.html">Error 404</a></li>
							<li><a href="contact.html">Contact Us</a></li>
						</ul>

						<ul class="right">
							<li><a href="#" target="_blank" class="icon-text">&#62214;</a></li>
							<li><a href="#" target="_blank" class="icon-text">&#62217;</a></li>
							<li><a href="#" target="_blank" class="icon-text">&#62220;</a></li>
							<li><a href="#" target="_blank" class="icon-text">&#62223;</a></li>
							<li><a href="#" target="_blank" class="icon-text">&#62226;</a></li>
							<li><a href="#" target="_blank" class="icon-text">&#62235;</a></li>
						</ul>

						<div class="clear-float"></div>

					<!-- END .wrapper -->
					</div>
				</div>
				
				<!-- BEGIN .wrapper -->
				<div class="wrapper">
					
					<div class="logo-image">
						<a href="index.html"><img src="images/logo-header.png" alt="" /></a>
					</div>
					
					<!-- <div class="logo-text">
						<a href="index.html">Forca</a>
					</div> -->

					<div class="banner">
						<a href="#" target="_blank"><img src="images/no-banner728x90.jpg" alt=""></a>
					</div>

					<div class="clear-float"></div>


					<div class="main-menu">
						
						<div class="header-search">
							<form action="blog.html" method="get">
								<input type="text" placeholder="Search.." value="" />
								<input type="submit" value="Search" />
							</form>
						</div>
						
						<ul class="responsivemenu" rel="Main Menu">
							<li><a href="index.html"><span>Homepage<i>Custom Title</i></span></a>
								<ul class="sub-menu">
									<li><a href="category.html">Category View</a></li>
									<li><a href="error-404.html">Error 404 Page</a></li>
								</ul>
							</li>
							<li><a href="blog.html"><span>Blog Page View<i>Another Custom Title</i></span></a>
								<ul class="sub-menu">
									<li><a href="blog-second.html">Second Blog Page Layout</a></li>
									<li><a href="post.html"><span>Opened Post Layout</span></a>
										<ul class="sub-menu">
											<li><a href="post-image.html">Post with large image</a></li>
											<li><a href="post-no-comments.html">Post without comments</a></li>
										</ul>
									</li>
									<li><a href="category.html">Category View</a></li>
									<li><a href="error-404.html">Error 404 Page</a></li>
								</ul>
							</li>
							<li><a href="photo-gallery.html">Photo Gallery<i>Gallery sub-title</i></a></li>
							<li><a href="category.html" style="border-bottom: 4px solid #a31a1a;">Movie News<i>Category red color</i></a></li>
							<li><a href="category.html" style="border-bottom: 4px solid #1a7ba3;"><span>Game News<i>Category blue color</i></span></a>
								<ul class="sub-menu" style="background: #1a7ba3;">
									<li><a href="#">Submenu color test</a></li>
									<li><a href="#"><span>Sub-submenu color test</span></a>
										<ul class="sub-menu" style="background: #1a7ba3;">
											<li><a href="#">First item</a></li>
											<li><a href="#">Second item</a></li>
										</ul>
									</li>
								</ul>
							</li>
						</ul>
						
					</div>

					<div class="main-menu-second">
						
						<ul class="responsivemenu" rel="Second Menu">
							<li><a href="#">Secondary Menu item</a></li>
							<li><a href="#">Another item</a></li>
							<li><a href="#">Dicunt Pertinacia</a></li>
							<li><a href="#">Numquam Aliquid</a></li>
							<li><a href="#">Assentior</a></li>
						</ul>

					</div>
					
				<!-- END .wrapper -->
				</div>
				
			<!-- END .header -->
			</div>
			
			<!-- BEGIN .content -->
			<div class="content">
				
				<!-- BEGIN .wrapper -->
				<div class="wrapper">
					
					<div class="main-content full-width">

						<!-- BEGIN .panel-block -->
						<div class="panel-block">
							<div class="panel-title">
								<h2>Photo Gallery</h2>
								<div class="right">
									<a href="photo-gallery.html">Back to all galleries</a>
								</div>
							</div>
							<!-- BEGIN .panel-content -->
							<div class="panel-content">
								
								<div class="photo-gallery-single">
									<div class="large-photo">
										<a href="#" class="photo-nav-left">left</a>
										<a href="#" class="photo-nav-right">right</a>
										<img src="images/photos/image-65.jpg" alt="" />
									</div>
									<div class="small-thumbnails">
										<div class="inner-thumbs">
											<a href="#"><img src="images/photos/image-66.jpg" alt="" /></a>
											<a href="#" class="active"><img src="images/photos/image-67.jpg" alt="" /></a>
											<a href="#"><img src="images/photos/image-68.jpg" alt="" /></a>
											<a href="#"><img src="images/photos/image-69.jpg" alt="" /></a>
											<a href="#"><img src="images/photos/image-70.jpg" alt="" /></a>
											<a href="#"><img src="images/photos/image-71.jpg" alt="" /></a>
											<a href="#"><img src="images/photos/image-72.jpg" alt="" /></a>
											<a href="#"><img src="images/photos/image-73.jpg" alt="" /></a>
											<a href="#"><img src="images/photos/image-74.jpg" alt="" /></a>
											<a href="#"><img src="images/photos/image-75.jpg" alt="" /></a>
											<a href="#"><img src="images/photos/image-66.jpg" alt="" /></a>
											<a href="#"><img src="images/photos/image-68.jpg" alt="" /></a>
											<a href="#"><img src="images/photos/image-69.jpg" alt="" /></a>
											<a href="#"><img src="images/photos/image-70.jpg" alt="" /></a>
											<a href="#"><img src="images/photos/image-71.jpg" alt="" /></a>
											<a href="#"><img src="images/photos/image-72.jpg" alt="" /></a>
										</div>
									</div>
								</div>

								<div class="the-article-content">

									<h2>Dico splendide eos inulla detraxit ferri interesset vim ei</h2>
									
									<p>Lorem ipsum dolor sit amet, voluptua adipiscing scribentur eum ne. Id stet nostrum facilisi eos, eos quem fugit tincidunt no, no nam ullum recusabo. Et elaboraret scribentur est, ei vix nisl soleat argumentum. Est denique abhorreant voluptatum et.</p>

									<p>Eam tritani omittam id, ius mutat prompta platonem no. Posse quidam nonumes ius cu. Fierent inimicus at nec, ea viris offendit argumentum has, no numquam definiebas has. Eum copiosae consequuntur id, cu error nullam tritani mea.</p>

									<p>Maiorum definiebas no per. Illud vulputate mediocritatem pro et. Id vim fuisset partiendo, est ubique deseruisse ad, id vel illum error inermis. Sumo neglegentur sit te, vis ad nulla luptatum principes, cetero comprehensam ad mel. Eu legere insolens incorrupte usu, cum eu deleniti insolens. In eum labore graeco, cu velit nostrud constituto qui.</p>
									
								</div>

							<!-- END .panel-content -->
							</div>
						<!-- END .panel-block -->
						</div>

						<!-- BEGIN .panel-block -->
						<div class="panel-block">
							<div class="panel-title">
								<h2>Similar Photo Galleries</h2>
								<div class="right">
									<a href="photo-gallery.html">Back to all galleries</a>
								</div>
							</div>
							<!-- BEGIN .panel-content -->
							<div class="panel-content">
								
								<!-- BEGIN .photo-gallery -->
								<div class="photo-gallery">
									
									

									<!-- BEGIN .photo-gallery-block -->
									<div class="photo-gallery-block">
										
										<!-- BEGIN .photo-gallery-widget -->
										<div class="photo-gallery-widget">
											<div class="gallery-images">
												<a href="#left" class="icon-text">&#59229;</a>
												<a href="#right" class="icon-text">&#59230;</a>
												<ul>
													<li><a href="photo-gallery-single.html"><img src="images/photos/image-49.jpg" alt="" /></a></li>
													<li><a href="photo-gallery-single.html"><img src="images/photos/image-46.jpg" alt="" /></a></li>
													<li><a href="photo-gallery-single.html"><img src="images/photos/image-47.jpg" alt="" /></a></li>
													<li><a href="photo-gallery-single.html"><img src="images/photos/image-48.jpg" alt="" /></a></li>
												</ul>
											</div>
											<div class="gallery-content">
												<h3><a href="photo-gallery-single.html">Duo voluptua quaerendum efficiantur nobis mucius postulant cum</a></h3>
												<p>Quo causae omnium ut, ut dicit noluisse cum. Ei eos natum constituam deterruisset, minim probatus mel at. Sea elitr verterem cu, an doctus nominati vis.</p>
											</div>
										<!-- END .photo-gallery-widget -->
										</div>

									<!-- END .photo-gallery-block -->
									</div>
									

									<!-- BEGIN .photo-gallery-block -->
									<div class="photo-gallery-block">
										
										<!-- BEGIN .photo-gallery-widget -->
										<div class="photo-gallery-widget">
											<div class="gallery-images">
												<a href="#left" class="icon-text">&#59229;</a>
												<a href="#right" class="icon-text">&#59230;</a>
												<ul>
													<li><a href="photo-gallery-single.html"><img src="images/photos/image-48.jpg" alt="" /></a></li>
													<li><a href="photo-gallery-single.html"><img src="images/photos/image-49.jpg" alt="" /></a></li>
													<li><a href="photo-gallery-single.html"><img src="images/photos/image-46.jpg" alt="" /></a></li>
													<li><a href="photo-gallery-single.html"><img src="images/photos/image-47.jpg" alt="" /></a></li>
												</ul>
											</div>
											<div class="gallery-content">
												<h3><a href="photo-gallery-single.html">Duo voluptua quaerendum efficiantur nobis mucius postulant cum</a></h3>
												<p>Quo causae omnium ut, ut dicit noluisse cum. Ei eos natum constituam deterruisset, minim probatus mel at. Sea elitr verterem cu, an doctus nominati vis.</p>
											</div>
										<!-- END .photo-gallery-widget -->
										</div>

									<!-- END .photo-gallery-block -->
									</div>
									

									<!-- BEGIN .photo-gallery-block -->
									<div class="photo-gallery-block">
										
										<!-- BEGIN .photo-gallery-widget -->
										<div class="photo-gallery-widget">
											<div class="gallery-images">
												<a href="#left" class="icon-text">&#59229;</a>
												<a href="#right" class="icon-text">&#59230;</a>
												<ul>
													<li><a href="photo-gallery-single.html"><img src="images/photos/image-47.jpg" alt="" /></a></li>
													<li><a href="photo-gallery-single.html"><img src="images/photos/image-48.jpg" alt="" /></a></li>
													<li><a href="photo-gallery-single.html"><img src="images/photos/image-49.jpg" alt="" /></a></li>
													<li><a href="photo-gallery-single.html"><img src="images/photos/image-46.jpg" alt="" /></a></li>
												</ul>
											</div>
											<div class="gallery-content">
												<h3><a href="photo-gallery-single.html">Duo voluptua quaerendum efficiantur nobis mucius postulant cum</a></h3>
												<p>Quo causae omnium ut, ut dicit noluisse cum. Ei eos natum constituam deterruisset, minim probatus mel at. Sea elitr verterem cu, an doctus nominati vis.</p>
											</div>
										<!-- END .photo-gallery-widget -->
										</div>

									<!-- END .photo-gallery-block -->
									</div>

									

								<!-- END .photo-gallery -->
								</div>

							<!-- END .panel-content -->
							</div>
						<!-- END .panel-block -->
						</div>

					</div>
					
				<!-- END .wrapper -->
				</div>
				
			<!-- BEGIN .content -->
			</div>
			
			<!-- BEGIN .footer -->
			<div class="footer">
				
				<!-- BEGIN .wrapper -->
				<div class="wrapper">
					
					<div class="footer-explore">

						<div class="right">
							<p>This can be used to put some text or in fact a <a href="#">link</a> You so well desire</p>
						</div>
						
						<h2>Explore Forca</h2>

						<div class="breaking-line"></div>

						<div class="explore-zone">

							<div class="explore-block">
								<h3>More Orange-Themes</h3>
								<ul>
									<li><a href="index.html">Forca / Dark Magazine</a></li>
									<li><a href="http://grandis.orange-themes.com" target="_blank">Grandis / Portfolio &amp; Blog</a></li>
									<li><a href="#" target="_blank">Legatus / News &amp; Magazine</a></li>
									<li><a href="#" target="_blank">Reganto / Massive Magazine</a></li>
									<li><a href="#" target="_blank">Sportimo / Sport &amp; Events Magazine</a></li>
									<li><a href="#" target="_blank">Piccione / News &amp; Magazine</a></li>
									<li><a href="#" target="_blank">Bulteno / News &amp; Magazine</a></li>
									<li><a href="#" target="_blank">Orange-Themes website</a></li>
								</ul>
							</div>

							<div class="explore-block">
								<h3>Postulant reprehendunt</h3>
								<ul>
									<li><a href="#">Fastidii accumsan no sit no ius</a></li>
									<li><a href="#">Regione tamquam virtute</a></li>
									<li><a href="#">No mei virtute consetetur audiam</a></li>
									<li><a href="#">Contentiones vel molestiae elaboraret</a></li>
								</ul>

								<h3>Quaeque appellantur</h3>
								<ul>
									<li><a href="#">Usu prima intellegebat id mei an</a></li>
									<li><a href="#">Paulo necessitatibus</a></li>
								</ul>
							</div>

							<div class="explore-block">
								<h3>Novum legere impedit ipsums</h3>
								<ul>
									<li><a href="#">Autem iusto oblique ancillae</a></li>
									<li><a href="#">Offendit est phaedrum referrentur</a></li>
									<li><a href="#">Id nonumy scripta prompta</a></li>
									<li><a href="#">Vocent singulis reprehendunt</a></li>
									<li><a href="#">No vocent discere, tota impedit</a></li>
									<li><a href="#">Duo decore tamquam teusu erant</a></li>
									<li><a href="#">Numquam euismod iudicabit</a></li>
									<li><a href="#">Disputationi ne per</a></li>
								</ul>
							</div>

							<div class="explore-block">
								<h3>Quaeque appellantur</h3>
								<ul>
									<li><a href="#">Usu prima intellegebat id mei an</a></li>
									<li><a href="#">Paulo necessitatibus</a></li>
								</ul>

								<h3>Postulant reprehendunt</h3>
								<ul>
									<li><a href="#">Fastidii accumsan no sit no ius</a></li>
									<li><a href="#">Regione tamquam virtute</a></li>
									<li><a href="#">No mei virtute consetetur audiam</a></li>
									<li><a href="#">Contentiones vel molestiae elaboraret</a></li>
								</ul>
							</div>

						</div>

					</div>
					
				<!-- END .wrapper -->
				</div>
				
				<!-- BEGIN .copyright-info -->
				<div class="copyright-info">

					<!-- BEGIN .wrapper -->
					<div class="wrapper">

						<ul class="right">
							<li><a href="index.html">Homepage</a></li>
							<li><a href="events.html">Events</a></li>
							<li><a href="photo-gallery.html">Photo Gallery</a></li>
							<li><a href="shortcodes.html">Shortcodes</a></li>
							<li><a href="archive.html">Archive</a></li>
							<li><a href="contact.html">Contact Us</a></li>
						</ul>

						<div class="footer-logo-image">
							<a href="index.html"><img src="images/logo-footer.png" alt="" /></a>
						</div>
						
						<!-- <div class="footer-logo-text">
							<a href="index.html">Forca</a>
						</div> -->
						
						<p><b>Copyright © Forca 2013 All Rights Reserved.</b><br/>Designed by <a href="http://orange-themes.com" target="_blank">Orange-Themes.com</a></p>
						
					<!-- END .wrapper -->
					</div>

				<!-- END .copyright-info -->
				</div>
				
			<!-- END .footer -->
			</div>
			
		<!-- END .boxed -->
		</div>

		<!-- Scripts -->
		<script type="text/javascript" src="jscript/jquery-latest.min.js"></script>
		<script type="text/javascript" src="jscript/orange-themes-responsive.js"></script>
		<script type="text/javascript" src="jscript/theme-scripts.js"></script>
		<script type="text/javascript" src="jscript/lightbox.js"></script>
		<script type="text/javascript" src="jscript/jquery.mousewheel.js"></script>
		<script type="text/javascript" src="jscript/jquery.browser.min.js"></script>
		<script type="text/javascript" src="jscript/jquery.dragscroll.min.js?v=0398129"></script>
		<script>
			jQuery(document).ready(function(){
				jQuery('.small-thumbnails').dragscroll(
				{
					scrollClassName: 'example-1',
					scrollBars: true,
					smoothness: 15,
					mouseWheelVelocity: 2
				});
			});
		</script>
		<script type="text/javascript" src="jscript/demo-settings.js"></script>

	<!-- END body -->
	</body>
<!-- END html -->
</html>